<template>
  年龄：<input v-model="age" type="number">
    <hr>
  员工的名字：<input v-model="emp.name" type="text">
</template>

<script>
export default {
    data: () => ({
        age: 30, // 年龄
        emp: {
            name: 'Jack', // 名字
            salary: 7000 // 薪水
        }
    }),
    watch: { // 侦听器
        age(newData, oldData) {/* 侦听 age 数据源是否发生变化  */
            console.log('newData: ' + newData)
            console.log('oldData: ' + oldData)
        },
        /* 侦听 emp.name 数据源是否发生变化（通过采用字符串路径的形式来侦听对象中的某一个属性）*/
        'emp.name'(newData, oldData) { //侦听对象
            console.log('newData: ' + newData)
            console.log('oldData: ' + oldData)
        }
    }
}
</script>